<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>4</title>
    <link rel="stylesheet" href="./index4.css?delay=2000">
</head>
<body>
    <div class="div1">hello</div>
    <!-- 该情况下，解析过程同3.html，只是css、jss是并行加载的 -->
    <!-- index.js需要等到css加载完毕后才会开始执行 -->
    <script src="./index.js"></script>
    <div class="div2">world</div>
    <!-- js 和 css 可以并行加载 但是还是需要等待js执行完毕 继续解析剩余dom -->


    <!-- 所以js放在页面的底部 放置阻塞DOM 渲染 -->
    <!-- css放顶部 防止页面重绘 -->
    <!-- <script src="./index.js"></script> -->
    
</body>
</html>